#image-preview{
    width: 100vw;
    padding: 1.25rem;
    background: rgba(255, 255, 255, 0.257);
}
.image-preview-bg{
    width: 100%;
    height: auto;
}

.img-container{
    background: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc( 100vh - 2.75rem);
    
}

@supports (top: env(safe-area-inset-top)) {
    .img-container {
        height: calc( 100vh - 2.75rem - env(safe-area-inset-top));
    }
}

//  after iphone 11
@supports (top: constant(safe-area-inset-top)) {
    .img-container {
        height: calc( 100vh - 2.75rem - constant(safe-area-inset-top));
        
    }
}